<template>
    <div class="options">
        <div class="option option1"></div>
        <div class="option option2"></div>
        <div class="option option3"></div>
        <div class="option option4"></div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>

@for $i from 1 through 4 {
  .option:nth-child(#{$i}) {
    background-image: url("@/assets/jpg/"+ #{$i}+ ".jpg");
  }
}
</style>